<template>
	<div class="top">
		<h6>秒杀活动 / 课程设置</h6>
		<button>返回</button>
		<div class="miao">
			<span>秒杀时段列表</span>
			<button>添加时段</button>
		</div>
	<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark"  class="top_miao">
		<el-table-column type="selection" width="55">
		</el-table-column>
		<el-table-column label="场次编号" width="120">
			<template slot-scope="scope">{{ ser.name }}</template>
		</el-table-column>
		<el-table-column prop="name" label="场次名称" width="120">
		</el-table-column>
		<el-table-column prop="address" label="每日开始时间" show-overflow-tooltip>
		</el-table-column>
		<el-table-column prop="address" label="每日结束时间" show-overflow-tooltip>
		</el-table-column>
		<el-table-column prop="address" label="课程数量" show-overflow-tooltip>
		</el-table-column>
		<el-table-column prop="address" label="操作" show-overflow-tooltip>
			<div style="margin-top: 20px">
				<el-button>切换第二、第三行的选中状态</el-button>
				<el-button>取消选择</el-button>
			</div>
		</el-table-column>
	</el-table>
</div>
</template>

<script>
	import {
		ref
	} from 'vue'
	export default {
		name: 'cao',
		setup() {
			const ser = ref([
				{
					name: "赵黑子",
					age: "18",
					sex: 0,

				},
				{
					name: "赵黑子",
					age: "18",
					sex: 0,

				},
				{
					name: "赵黑子",
					age: "18",
					sex: 0,

				}
			])
			return {
				ser
			}
		}
	}
</script>
<style>
	.top>button{
		background-color: #38a28a;
		color: white;
		width: 70px;
		height: 30px;
		float: right;
		border: none;
		border-radius: 5px;
		margin-top: -10px;
	}
	.top{
		width: 100%;
		height: 100%;
		padding: 30px 30px;
		background-color: #f0f0f0;
	}
	h6{
		color: black;
		float: left;
	}
	.top>.top_miao{
		width: 100%;
		height: 100vh;
	}
	.miao{
		width: 100%;
		height: 100px;
		margin-top: 40px;
		background-color: white;
		line-height: 100px;
		color: black;
		margin-bottom:20px ;
	}
	.miao>span{
		padding-left:30px ;
	}
	.miao>button{
		float: right;
		width: 80px;
		height: 40px;
		margin: 30px 20px;
		background-color: #38a28a;
		border: none;
		border-radius: 5px;
		color: white;
	}
</style>
